<!--文本扩展-->
<template>
  <div v-show="show">
    <p
      style="margin-block-start: 0em; margin-block-end: 0em"
      :style="{
        'text-align': align,
        color: color,
        'font-size': size + 'px',
        'font-weight': bold,
      }"
    >
      {{ value ? value : "--" }}
    </p>
  </div>
</template>

<script>
export default {
  name: "ValueText",
  props: {
    value: {
      type: String,
      default: "",
    },
    show: {
      type: Boolean,
      default: true,
    },
    align: {
      type: String,
      default: "left",
    },
    color: {
      type: String,
      default: "",
    },
    size: {
      type: Number,
      default: 14,
    },
    bold: {
      type: Number,
      default: 400,
    },
  },
  data() {
    return {};
  },
};
</script>
<style></style>
